<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>大兴安岭旅游路线 - 黑龙江旅游</title>
    <link rel="stylesheet" href="D:\web1\travel\css\base.css" type="text/css" media="all">
    <link rel="stylesheet" href="D:\web1\travel\css\harbin.css" type="text/css" media="all">
    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
    <div class="main">
        <!-- 顶部搜索栏和导航 -->
        <div class="top-bar">
            <div class="search-box">
                <form action="search.html" method="get">
                    <input type="text" name="keyword" placeholder="搜索景点、攻略...">
                    <button type="submit"><i class="fa fa-search"></i></button>
                </form>
            </div>
            
            <ul class="top-nav">
                <li><a href="D:\web1\travel\html\login.html"><i class="fa fa-user-circle"></i> 登录</a></li>
                <li><a href="D:\web1\travel\html\register.html"><i class="fa fa-user-plus"></i> 注册</a></li>
                <li><a href="D:\web1\travel\html\about.html"><i class="fa fa-info-circle"></i> 关于我们</a></li>
            </ul>
            <button class="menu-toggle"><i class="fa fa-bars"></i></button>
        </div>

        <!-- 主导航菜单 -->
        <div class="main-menu">
            <ul>
                <li><a href="D:\web1\travel\html\index.html">首页</a></li>
                <li><a href="D:\web1\travel\html\history.html">历史沿革</a></li>
                <li><a href="D:\web1\travel\html\geography.html">地理位置</a></li>
                <li><a href="D:\web1\travel\html\culture.html">风俗文化</a></li>
                <li><a href="D:\web1\travel\html\attractions.html">景点选择</a></li>
                <li><a href="D:\web1\travel\html\products.html">名优特产</a></li>
                <li><a href="D:\web1\travel\html\message.html">在线留言</a></li>
            </ul>
        </div>

        <!-- 轮播图 -->
        <div class="banner">
            <div class="carousel">
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <img src="D:\img\img64.jpg" alt="七三一部队遗址">
                    </div>
                    <div class="carousel-item">
                        <img src="D:\img\img62.jpg"alt="防洪纪念塔">
                    </div>
                    <div class="carousel-item">
                        <img src="D:\img\lmg63.jpg"alt="东北虎林园">
                    </div>
                </div>
                <button class="carousel-control prev"><i class="fa fa-angle-left"></i></button>
                <button class="carousel-control next"><i class="fa fa-angle-right"></i></button>
                <div class="carousel-indicators">
                    <span class="indicator active"></span>
                    <span class="indicator"></span>
                    <span class="indicator"></span>
                </div>
            </div>
        </div>

        <!-- 主要内容 -->
        <div class="content">
              <div class="bar">
                <h3>哈尔滨旅游路线</h3>
            </div>
            <div class="route-container">
                <!-- 行程概览 -->
                <section class="route-overview">
                    <h4><i class="fa fa-map"></i> 行程概览</h4>
                    <p>哈尔滨，素有"冰城"之称，是中国最北的省会城市，拥有独特的冰雪文化和俄罗斯风情。本攻略为您规划了3天的精华行程，涵盖哈尔滨最具代表性的景点和美食，让您充分体验这座城市的魅力。</p>
                    
                  
                </section>

                <!-- 推荐行程 -->
                <section class="daily-itineraries">
                    <h3 class="section-title"><i class="fa fa-calendar-check-o"></i> 每日行程</h3>
                    
                    <!-- 第一天 -->
                    <div class="day-container fade-in" data-day="1">
                        <div class="day-title">
                            <span>Day 1</span>
                            <span class="day-desc">圣伊维尔教堂→亚斯利孤儿院→索菲亚教堂→中央大街→松花江铁路桥→中华巴洛克</span>
                        </div>
                        
                        <div class="route-map">
                            <div class="route-line"></div>
                            <div class="attraction-points">
                                <div class="attraction-point">
                                    <div class="point-marker pulse"></div>
                                    <div class="point-info">
                                        <h4>圣伊维尔教堂</h4>
                                        <div class="attraction-image">
                                            <img src="D:\img\img43.jpg"  alt=圣伊维尔教堂">
                                        </div>
                                        <p>一座历史悠久的东正教堂，建筑风格独特，具有浓厚的俄罗斯风情。</p>
                                    </div>
                                </div>
                                
                                <div class="attraction-point">
                                    <div class="point-marker"></div>
                                    <div class="point-info">
                                        <h4>亚斯利孤儿院</h4>
                                        <div class="attraction-image">
                                            <img src="D:\img\img44.jpg"  alt="亚斯利孤儿院">
                                        </div>
                                        <p>历史建筑遗址，融合了多种建筑风格，具有重要的历史价值。</p>
                                    </div>
                                </div>
                                
                                <div class="attraction-point">
                                    <div class="point-marker"></div>
                                    <div class="point-info">
                                        <h4>索菲亚教堂</h4>
                                        <div class="attraction-image">
                                            <img src="D:\img\img8.jpg"  alt="索菲亚教堂">
                                        </div>
                                        <p>哈尔滨最著名的地标之一，宏伟的拜占庭式建筑，夜景尤其美丽。</p>
                                    </div>
                                </div>
                                <div class="attraction-point">
                                    <div class="point-marker"></div>
                                    <div class="point-info">
                                        <h4>中央大街</h4>
                                        <div class="attraction-image">
                                            <img src="D:\img\img10.jpg"  alt="中央大街">
                                        </div>
                                        <p>充满欧式建筑风格的商业步行街，是购物和品尝美食的好去处。</p>
                                    </div>
                                </div>

                                <div class="attraction-point">
                                    <div class="point-marker"></div>
                                    <div class="point-info">
                                        <h4>松花江铁路桥</h4>
                                        <div class="attraction-image">
                                            <img src="D:\img\img46.jpg" alt="松花江铁路桥">
                                        </div>
                                        <p>历史悠久的铁路桥，现已成为观光步行桥，可欣赏松花江美景。</p>
                                    </div>
                                </div>

                                <div class="attraction-point">
                                    <div class="point-marker"></div>
                                    <div class="point-info">
                                        <h4>中华巴洛克</h4>
                                        <div class="attraction-image">
                                            <img src="D:\img\img45.jpg" alt="中华巴洛克">
                                        </div>
                                        <p>融合了中国传统建筑和欧洲巴洛克风格的历史街区。</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 第二天 -->
                    <div class="day-container fade-in" data-day="2">
                        <div class="day-title">
                            <span>Day 2</span>
                            <span class="day-desc">音乐长廊→外滩雪人码头→钻石海→冰雪大世界</span>
                        </div>
                        
                        <div class="route-map">
                            <div class="route-line"></div>
                            <div class="attraction-points">
                                <div class="attraction-point">
                                    <div class="point-marker pulse"></div>
                                    <div class="point-info">
                                        <h4>音乐长廊</h4>
                                        <div class="attraction-image">
                                            <img src="D:\img\img48.jpg" alt="音乐长廊">
                                        </div>
                                        <p>展示哈尔滨音乐文化的特色景观，常有街头艺术表演。</p>
                                    </div>
                                </div>
                                
                                <div class="attraction-point">
                                    <div class="point-marker"></div>
                                    <div class="point-info">
                                        <h4>外滩雪人码头</h4>
                                        <div class="attraction-image">
                                            <img src="D:\img\img49.jpg" alt="外滩雪人码头">
                                        </div>
                                        <p>冬季特色景点，各种雪人造型艺术，适合拍照留念。</p>
                                    </div>
                                </div>
                                
                                <div class="attraction-point">
                                    <div class="point-marker"></div>
                                    <div class="point-info">
                                        <h4>钻石海</h4>
                                        <div class="attraction-image">
                                            <img src="D:\img\img50.jpg" alt="钻石海">
                                        </div>
                                        <p>冬季结冰的江面形成的独特景观，冰面如钻石般闪耀。</p>
                                    </div>
                                </div>
                                
                                <div class="attraction-point">
                                    <div class="point-marker"></div>
                                    <div class="point-info">
                                        <h4>冰雪大世界</h4>
                                        <div class="attraction-image">
                                            <img src="D:\img\img33.jpg" alt="冰雪大世界">
                                        </div>
                                        <p>世界上最大的冰雪主题游乐园，各种冰雕雪雕艺术作品令人惊叹。</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 第三天 -->
                    <div class="day-container fade-in" data-day="3">
                        <div class="day-title">
                            <span>Day 3</span>
                            <span class="day-desc">太阳岛→哈药六厂→欧亚之窗</span>
                        </div>
                        
                        <div class="route-map">
                            <div class="route-line"></div>
                            <div class="attraction-points">
                                <div class="attraction-point">
                                    <div class="point-marker pulse"></div>
                                    <div class="point-info">
                                        <h4>太阳岛</h4>
                                        <div class="attraction-image">
                                            <img src="D:\img\img61.jpg" alt="太阳岛">
                                        </div>
                                        <p>著名的避暑胜地，夏季风景秀丽，冬季则举办雪博会。</p>
                                    </div>
                                </div>
                                
                                <div class="attraction-point">
                                    <div class="point-marker"></div>
                                    <div class="point-info">
                                        <h4>哈药六厂</h4>
                                        <div class="attraction-image">
                                            <img src="D:\img\img51.jpg" alt="哈药六厂">
                                        </div>
                                        <p>建筑风格独特，被誉为"哈尔滨的小凡尔赛宫"，是网红打卡地。<</p>
                                    </div>
                                </div>
                                
                                <div class="attraction-point">
                                    <div class="point-marker"></div>
                                    <div class="point-info">
                                        <h4>欧亚之窗</h4>
                                        <div class="attraction-image">
                                            <img src="D:\img\img52.jpg" alt="欧亚之窗">
                                        </div>
                                        <p>汇集了欧亚各国特色建筑的微缩景观公园。</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                
                <!-- 特色美食 -->
                <section class="food-section">
                   <h2><i class="fa fa-cutlery"></i> 美食推荐</h2>
                    <div class="food-grid">
                        <div class="food-item">
                            <img src="D:\img\img53.jpg" alt="锅包肉">
                            <h4>锅包肉</h4>
                            <p>哈尔滨经典菜肴，外酥里嫩，酸甜可口</p>
                        </div>
                        <div class="food-item">
                            <img src="D:\img\img54.jpg" alt="得莫利炖鱼">
                            <h4>得莫利炖鱼</h4>
                            <p>鲜嫩的鱼肉搭配豆腐、粉条，味道醇厚</p>
                        </div>
                        <div class="food-item">
                            <img src="D:\img\img55.jpg" alt="杀猪菜">
                            <h4>杀猪菜</h4>
                            <p>东北特色菜，以猪肉、酸菜等食材炖制而成</p>
                        </div>
                        <div class="food-item">
                            <img src="D:\img\img56.jpg" alt="铁锅炖">
                            <h4>铁锅炖</h4>
                            <p>食材丰富多样，常出现在聚会场合</p>
                        </div>
                        <div class="food-item">
                            <img src="D:\img\img57.jpg" alt="拔丝地瓜">
                            <h4>拔丝地瓜</h4>
                            <p>外脆内软，甜而不腻，金黄诱人</p>
                        </div>
                        <div class="food-item">
                            <img src="D:\img\img25.jpg" alt="哈尔滨红肠">
                            <h4>哈尔滨红肠</h4>
                            <p>闻名全国的特色香肠，蒜香浓郁，风味独特</p>
                        </div>
                        <div class="food-item">
                            <img src="D:\img\img59.jpg" alt="香熘双段">
                            <h4>香熘双段</h4>
                            <p>外酥里嫩，酸甜适中，深受喜爱</p>
                        </div>
                        <div class="food-item">
                            <img src="D:\img\img60.jpg" alt="雪绵豆沙">
                            <h4>雪绵豆沙</h4>
                            <p>蓬松雪白球状，入口松软绵密，内里豆沙细腻香甜</p>
                        </div>
                    </div>
                </section>
                
            </div>
        </div>
         <!-- 页脚 -->
        <div class="end">
            <p>© 哈尔滨旅游攻略 | 黑龙江旅游网</p>
            <p>联系我们：contact@harbintour.com</p>
        </div>
    </div>

    <script src="D:\web1\travel\javaScript\scrip.js"></script>
</body>
</html>